<template>
	<view class="content">
		<view class="address-lists">
			<ul class="lists-uls">
				<li class="uls-li">
					<view class="li-top">
						<text class="top-Btext">山东省 青岛市 崂山区 名汇国际2号楼 1604</text>
					</view>
					<view class="li-bottom">
						<view class="bottom-left">
							<text class="left-Gtext">张三 13000000001</text>
							<text class="left-Rtext">默认地址</text>
						</view>
						<view class="bottom-right">
							<text class="right-Dicon">D</text>
							<text class="right-Eicon">E</text>
						</view>
					</view>
				</li>
			</ul>
		</view>
	</view>
</template>

<script>
	export default {
		name: "addresses-lists",
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">
	.address-lists {
		padding: 30rpx;
		background-color: #fff;

		.lists-uls {
			.uls-li {
				.li-top {
					.top-Btext {
						font-weight: 700;
					}
				}

				.li-bottom {
					margin-top: 10rpx;
					display: flex;
					justify-content: space-between;

					.bottom-left {
						display: flex;
						align-items: center;

						.left-Gtext {
							color: #989a98;
							font-weight: 600;
							font-size: 24rpx;
						}

						.left-Rtext {
							color: #f7504a;
							font-weight: 600;
							font-size: 20rpx;
							margin-left: 24rpx;
						}
					}

					.bottom-right {
						display: flex;
						color: #989a98;

						.right-Dicon {
							margin-right: 30rpx;
						}
					}
				}
			}
		}
	}
</style>